<div data-lift="surround?with=hello;at=hello">
  <title data-lift="head">微聊</title>

  <div class="container">
    <div class="row">
      <div class="col-sm-9 col-md-9 col-lg-9">
        <div data-lift="MicroChatSnippet.replyDetail">
          <ul class="breadcrumb">
            <li><a name="account">#XX的空间#</a></li>
            <li class="active">微聊</li>
          </ul>
          <div class="panel panel-info">
            <div class="panel-body users">
              <div class="user-avatar">
                <a href="#"><img src="/assets/img/logo-1-100.png" style="width:48px;height:48px;"/></a>
              </div>
              <div class="user-info">
                <p name="content">#微聊内容#</p>

                <p class="text-muted">
                  <span name="time">#22分钟前#</span>
                </p>
              </div>
            </div>
          </div>
        </div>
        <!-- #微聊主界面 -->

        <div data-lift="MicroChatSnippet.replies">
          <div class="panel panel-default">
            <div class="panel-heading">
              <span class="text-muted" name="reply-size">#共收到3回复#</span>
            </div>
            <ul class="list-group users" id="micro-replies">
              <li class="list-group-item">
                <div class="user-avatar">
                  <a href="#"><img src="/assets/img/logo-1-100.png" style="width:48px;height:48px;"/></a>
                </div>
                <div class="user-info">
                  <p name="content">#微聊内容#</p>

                  <p class="text-muted">
                    <span name="time">#22分钟前#</span>
                  </p>
                </div>
                <span class="clearfix"></span>
              </li>
            </ul>
          </div>
          <ul class="pagination pagination-sm pull-right"></ul>
        </div>
        <!-- #微聊回复 -->

        <div class="panel panel-default" data-lift="MicroChatSnippet.replyForm">
          <div class="panel-heading">
            <strong>回复</strong>
          </div>
          <div class="panel-body">
            <div class="form" data-lift="form.ajax">
              <div class="form-group">
                <textarea class="form-control" rows="5" id="micro-chat-reply-text"></textarea>
              </div>
              <div class="form-group">
                <button type="submit" class="btn btn-default pull-right">发布回复</button>
                <input type="hidden" name="submit"/>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-3 col-md-3 col-lg-3">

      </div>
    </div>
  </div>

</div>
